<template>
  <fox-preview-image v-model="visiable" :src="imageSrc" z-index="9000"></fox-preview-image>
</template>

<script>
export default {
  name: 'ImagePreview',
  props: {
    imageList: {
      type: Array,
      default: () => []
    }
  },
  data() {
    return {
      visiable: false,
      imageSrc: this.imageList
      // imageSrc: [
      //   'http://pic1.win4000.com/wallpaper/5/552f48d47cf10.jpg',
      //   'http://daly.itzjj.cn/uploads/userfiles/12/images/pageimg/20200702/12-200F2141R49.png'
      // ]
    }
  },
  methods: {
    openPreview() {
      this.visiable = true
    }
  },
  watch: {
    imageList(val) {
      this.imageSrc = val
    }
  }
}
</script>

<style scoped></style>
